
<style type="text/css">
    .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
    .tagBox { border-bottom: solid 1px #E0E0DF; }
    .tagBox a { text-decoration: none; color: #000; position: relative; float: left; display: block; font-size: 12px; font-family: 'Microsoft YaHei'; border: 1px solid #E0E0DF; border-radius: 3px; padding: 1px 10px; margin-bottom: 10px; margin-right: 5px; }
    .tagBox .selIcon { position: absolute; display: block; width: 12px; height: 10px; background: url(/assets/img/defaultIcon.png) no-repeat center center; top: 0px; left: 0px; }
    .tagBox a:hover { color: #E73828; border: 1px solid #E73828; }
    .tagBox a.sel { color: #E73828; border: 1px solid #E73828; }
    .tagBox a.sel .selIcon { background: url(/assets/img/checkIcon.png) no-repeat center center; }
    .Businesstype { width: 100%; margin: 0; padding: 0; height: 100%; overflow-y: auto; }
    .BusinessBox { height: 100%; margin: 0; padding: 0; }
    .BusinessBox .boxLeft { float: left; width: 268px; height: 100%; background: #f7f7f7; }
    .BusinessBox .boxLeft ul { list-style-type: none; margin: 0; padding: 0; }
    .BusinessBox .boxLeft li { list-style-type: none; background: #f7f7f7; padding: 10px 5px 10px 33px; width: 230px; font-size: 14px; }
    .BusinessBox .boxLeft li.cur { background: url(/Content/images/listBg.png) no-repeat center left #fff; color: #D4794F; }
    .BusinessBox .boxRight { float: left; width: 662px; padding-left: 30px; padding-top: 15px; }
    .selectItem .tit { margin-bottom: 10px; border-bottom: 1px solid #F8F9F9; }
    .selectItem .tit p { margin-bottom: 10px; }
    .selectItem .tagBox { width: auto; }
    .selectItem .tagBox a { color: inherit; text-decoration: none; }
    .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
    .selectionBox { width: 100%; margin: 0 auto; }
    .selectionBox .title { color: #D4794F; font-size: 21px; border-bottom: 1px solid #CCCEDB; padding: 15px 0 15px 27px; background: url(/Content/images/titIcon.png) no-repeat center left; }
    .selectionBox .selectGroup { width: 98%; margin: 0 auto; }
    /*.boxRight .selectItems { width: 360px; border: 1px solid #ff6a00; float: left; margin: 10px 10px 0 0; padding: 0 10px; }
    .selectItems legend { background: #ff6a00; color: #fff; }
    .selectItems h2 { font-size: 18px; color: #D4794F; border-left: 3px solid #585A5A; padding-left: 4px; margin: 15px 0; }
    .selectItems span { font-size: 14px; color: #20A939; border-left: 3px solid #585A5A; padding-left: 4px; margin-bottom: 8px; line-height: 16px; margin: 8px 0; display: block; }
*/    .tagBox1 { width: 360px; border-bottom: solid 1px #E0E0DF; }
    .tagBox1 a { text-decoration: none; color: #000; position: relative; float: left; display: block; font-size: 12px; font-family: 'Microsoft YaHei'; border: 1px solid #E0E0DF; border-radius: 3px; padding: 1px 10px; margin-bottom: 10px; margin-right: 5px; }

    .tagBox1 .selIcon { position: absolute; display: block; width: 12px; height: 10px; background: url(/assets/img/defaultIcon.png) no-repeat center center; top: 0px; left: 0px; }
    .tagBox1 a:hover { color: #E73828; border: 1px solid #E73828; }
    .tagBox1 a.sel { color: #E73828; border: 1px solid #E73828; }
    .tagBox1 a.sel .selIcon { background: url(/assets/img/checkIcon.png) no-repeat center center; }
</style>
<!--class="cur"-->
<form id="edit-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
<div class="Businesstype">
    <div class="BusinessBox">
        <div class="boxLeft">
            <ul style="list-style:none;">
                {volist name="data" id="item" key="k"}
                {if condition="$k ==1"}
                <li  val="{$k}" class="cur">{$item.name} </li>
                {else /}
                <li  val="{$k}" >{$item.name} </li>
                {/if}
                {/volist}

            </ul>
        </div>
        <div class="boxRight" id="selectRightItem">
            {volist name="data" id="item" key="k"}
                <div class="selectItem" id="selectItem{$k}" {if condition="$k !=1"}style="display:none"{/if} >
                <div class="selectionBox">
                    <div class="selectGroup clearfix">
                        {present name="item.childlist"}
                            {volist name="item.childlist" id="v1"}
                                <fieldset class="selectItems" style="height: 100px;width:85%">
                                    <legend>{$v1.name}</legend>
                                    <div class="tagBox clearfix" style="width:100%">
                                        {present name="v1.childlist"}
                                            {volist name="v1.childlist" id="v2"}
                                                <a href="javascript:;" class="choose {:in_array($v2.name,$val)?'sel':''}" vid="96"  data-name="{$v2.name}" vname="{$v2.name}">{$v2.name}<i class="selIcon "></i></a>
                                            {/volist}
                                        {/present}
                                    </div>
                                </fieldset>
                            {/volist}
                        {/present}
                    </div>
                </div>
            </div>
            {/volist}

        </div>
    </div>
</div>
    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="button" class="btn btn-primary btn-embossed btn-success">{:__('OK')}</button>
        </div>
    </div>
</form>
